<template>
                    <div class="">
<!--                        <div class="1"  v-for="(item,index) in recomdata" style="border-bottom: #d3d3d3 1px solid;padding-bottom: 20px;margin-top: 20px">-->


<!--                        <div class="R-title">-->
<!--               <a class="title-a" :href="item.lian" target="_blank">{{item.title}}</a>-->
<!--           </div>-->
<!--           <div class="R-content">-->
<!--               <span>{{item.content}}</span>-->
<!--           </div>-->

<!--           <div class="Rcontent-action">-->

<!--               <span>-->
<!--                   <button v-if="hanYes"-->
<!--                           aria-label="赞同 1.1 万"-->
<!--                           type="button"   @click="hanYes=!hanYes"-->
<!--                           class="button btn el-icon-caret-top"> 赞同 1.1 万</button>-->
<!--                   <button v-else aria-label="已赞同 1.1 万" type="button"  @click="hanYes=!hanYes" class="button btn-y el-icon-caret-top"> 已赞同 1.1 万</button>-->

<!--                   <button  v-if="hanNo" aria-label="反对"   @click="hanNo=!hanNo" type="button" class="button btn el-icon-caret-bottom"></button>-->
<!--                   <button  v-else aria-label="反对" type="button" @click="hanNo=!hanNo" class="button btn-y el-icon-caret-bottom"></button>-->
<!--               </span>-->

<!--               <button type="button"  @click="hanComment=!hanComment" class="button btn2 ContentItem-action el-icon-chat-round">-->
<!--                   <span v-if="hanComment"   style="display: inline-flex; align-items: center;">{{item.num}} 条评论</span>-->
<!--                   <span v-else  style="display: inline-flex; align-items: center;">收起评论</span>-->
<!--               </button>-->

<!--               <el-dropdown>-->
<!--              <span class="button btn2  el-dropdown-link el-icon-s-promotion">-->
<!--                分享<i class="el-icon&#45;&#45;right" ></i>-->
<!--              </span>-->
<!--                   <el-dropdown-menu slot="dropdown">-->
<!--                       <el-dropdown-item  :plain="true" @click="open">复制链接</el-dropdown-item>-->
<!--                       <el-dropdown-item>新浪微博</el-dropdown-item>-->
<!--                       <el-dropdown-item>微信扫一扫</el-dropdown-item>-->
<!--                       <el-dropdown-item><img class="ShareMenu-qrCode" src="https://www.zhihu.com/qrcode?url=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F282958747%23showWechatShareTip" alt="微信二维码"></el-dropdown-item>-->

<!--                   </el-dropdown-menu>-->
<!--               </el-dropdown>-->


<!--               <button type="button"  v-if="hanColl" @click="hanColl=!hanColl" class="button btn2 ContentItem-action el-icon-star-on">-->
<!--                   <span style="display: inline-flex; align-items: center;"></span>收藏</button>-->
<!--               <button type="button" v-else @click="hanColl=!hanColl"  class="button btn2 ContentItem-action el-icon-star-on">-->
<!--                   <span style="display: inline-flex; align-items: center;"></span>取消收藏</button>-->

<!--               <button type="button"v-if="hanLike" @click="hanLike=!hanLike" class="button btn2 ContentItem-action el-icon-s-opportunity">-->
<!--                   <span style="display: inline-flex; align-items: center;"></span>喜欢</button>-->
<!--               <button type="button" v-else @click="hanLike=!hanLike" class="button btn2 ContentItem-action el-icon-s-opportunity">-->
<!--                   <span style="display: inline-flex; align-items: center;"></span>取消喜欢</button>-->

<!--               <button type="button" class="button btn2 ContentItem-action el-icon-wind-power">-->
<!--                   <span style="display: inline-flex; align-items: center;margin-bottom: 5px"></span>举报</button>-->

<!--               <el-dropdown>-->
<!--              <span class="button btn2  ">-->
<!--                ...<i class=" el-icon&#45;&#45;right" style="padding-right: 20px"></i>-->
<!--              </span>-->
<!--                   <el-dropdown-menu slot="dropdown" style="position: center;margin-left: 10px">-->
<!--                       <el-dropdown-item style="width:50px;height: 35px;font-size: 12px;padding:0 10px">不感兴趣</el-dropdown-item>-->
<!--                   </el-dropdown-menu>-->
<!--               </el-dropdown>-->

<!--&lt;!&ndash;        <div ></div>&ndash;&gt;-->
<!--           </div>-->
<!--       </div>-->
<!--                     -->
            <div class="1"   style="border-bottom: #d3d3d3 1px solid;padding-bottom: 20px;margin-top: 20px">


                <div class="R-title">
                    <a class="title-a" href="https://www.zhihu.com/question/413283903/answer/1405230690" target="_blank">
                        假如你穿越成了童话故事里的恶毒反派你会怎么办？</a>
                </div>
                <div class="R-content">
                    <span>
                        《海的巫婆》1.一觉醒来，我变成了海底世界的巫婆，就是给小美人鱼魔药让她长出双腿和王子见面的那个巫婆。记得小时候，我因为小人鱼最后化成了泡沫伤心了很久，这一次，我来到童话世界，我不想再做这个坏人，我要看到美人鱼和王子幸福地生活在一起。王子的十六岁生日很快来了，豪华游轮行驶在海上，我看见英俊的王子穿着华美的衣服，美丽优雅的女孩们聚集在他四周一边交谈一边偷偷打量着他，王子对于来道贺的人应对得得体大方，言行举止间透露出君主的气概。这时他还没注意到，海面上一只小美人鱼露出脑袋痴痴地望着他，她与那些假装交谈的女孩不同，只是直直地望着他，眼睛里的倾慕没有一丝掩饰。
                         <a href="https://www.zhihu.com/question/413283903/answer/1405230690" style="color:#175199;">阅读全文 ></a>

                    </span>
                </div>

                <div class="Rcontent-action">

                   <span>
                       <button v-if="hanYes"
                               aria-label="赞同 1.1 万"
                               type="button"   @click="hanYes=!hanYes"
                               class="button btn el-icon-caret-top"> 赞同 1.1 万</button>
                       <button v-else aria-label="已赞同 1.1 万" type="button"  @click="hanYes=!hanYes" class="button btn-y el-icon-caret-top"> 已赞同 1.1 万</button>

                       <button  v-if="hanNo" aria-label="反对"   @click="hanNo=!hanNo" type="button" class="button btn el-icon-caret-bottom"></button>
                       <button  v-else aria-label="反对" type="button" @click="hanNo=!hanNo" class="button btn-y el-icon-caret-bottom"></button>
                   </span>

                    <button type="button"  @click="hanComment=!hanComment" class="button btn2 ContentItem-action el-icon-chat-round">
                        <span v-if="hanComment"   style="display: inline-flex; align-items: center;">258 条评论</span>
                        <span v-else  style="display: inline-flex; align-items: center;">收起评论</span>
                    </button>

                    <el-dropdown>
                          <span class="button btn2  el-dropdown-link el-icon-s-promotion">
                            分享<i class="el-icon--right" ></i>
                          </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item  :plain="true" @click="open">复制链接</el-dropdown-item>
                            <el-dropdown-item>新浪微博</el-dropdown-item>
                            <el-dropdown-item>微信扫一扫</el-dropdown-item>
                            <el-dropdown-item><img class="ShareMenu-qrCode" src="https://www.zhihu.com/qrcode?url=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F282958747%23showWechatShareTip" alt="微信二维码"></el-dropdown-item>

                        </el-dropdown-menu>
                    </el-dropdown>


                    <button type="button"  v-if="hanColl" @click="hanColl=!hanColl" class="button btn2 ContentItem-action el-icon-star-on">
                        <span style="display: inline-flex; align-items: center;"></span>收藏</button>
                    <button type="button" v-else @click="hanColl=!hanColl"  class="button btn2 ContentItem-action el-icon-star-on">
                        <span style="display: inline-flex; align-items: center;"></span>取消收藏</button>

                    <button type="button"v-if="hanLike" @click="hanLike=!hanLike" class="button btn2 ContentItem-action el-icon-s-opportunity">
                        <span style="display: inline-flex; align-items: center;"></span>喜欢</button>
                    <button type="button" v-else @click="hanLike=!hanLike" class="button btn2 ContentItem-action el-icon-s-opportunity">
                        <span style="display: inline-flex; align-items: center;"></span>取消喜欢</button>

                    <button type="button" class="button btn2 ContentItem-action el-icon-wind-power">
                        <span style="display: inline-flex; align-items: center;margin-bottom: 5px"></span>举报</button>

                    <el-dropdown>
                          <span class="button btn2  ">
                            ...<i class=" el-icon--right" style="padding-right: 20px"></i>
                          </span>

                        <el-dropdown-menu slot="dropdown" style="position: center;margin-left: 10px">
                            <el-dropdown-item style="width:50px;height: 35px;font-size: 12px;padding:0 10px">不感兴趣</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>

                                <!--        <div ></div>-->
                </div>
            </div>
            <div class="2"   style="border-bottom: #d3d3d3 1px solid;padding-bottom: 20px;margin-top: 20px">


                            <div class="R-title">
                                <a class="title-a" href="https://www.zhihu.com/zvideo/1313790028943020032" target="_blank">
                                    陈奕迅新歌《是但求其爱》逐字详解！大玩文字游戏一语双关！</a>
                            </div>
                            <div class="R-content">
                                <span>
                                    粤男吃瓜启示录】19，陈奕迅新歌《是但求其爱》大玩文字游戏一语双关！逐字详解！“是但求其，爱”or“是，但求其爱”？
                                   <a href="https://www.zhihu.com/zvideo/1313790028943020032" style="color:#175199;">阅读全文 ></a>
                                </span>
                            </div>

                            <div class="Rcontent-action">

                   <span>
                       <button v-if="hanYes2"
                               aria-label="赞同 1.1 万"
                               type="button"   @click="hanYes2=!hanYes2"
                               class="button btn el-icon-caret-top"> 赞同 1.1 万</button>
                       <button v-else aria-label="已赞同 1.1 万" type="button"  @click="hanYes2=!hanYes2" class="button btn-y el-icon-caret-top"> 已赞同 1.1 万</button>

                       <button  v-if="hanNo2" aria-label="反对"   @click="hanNo2=!hanNo2" type="button" class="button btn el-icon-caret-bottom"></button>
                       <button  v-else aria-label="反对" type="button" @click="hanNo2=!hanNo2" class="button btn-y el-icon-caret-bottom"></button>
                   </span>

                                <button type="button"  @click="hanComment2=!hanComment2" class="button btn2 ContentItem-action el-icon-chat-round">
                                    <span v-if="hanComment2"   style="display: inline-flex; align-items: center;">258 条评论</span>
                                    <span v-else  style="display: inline-flex; align-items: center;">收起评论</span>
                                </button>

                                <el-dropdown>
                          <span class="button btn2  el-dropdown-link el-icon-s-promotion">
                            分享<i class="el-icon--right" ></i>
                          </span>
                                    <el-dropdown-menu slot="dropdown">
                                        <el-dropdown-item  :plain="true" @click="open">复制链接</el-dropdown-item>
                                        <el-dropdown-item>新浪微博</el-dropdown-item>
                                        <el-dropdown-item>微信扫一扫</el-dropdown-item>
                                        <el-dropdown-item><img class="ShareMenu-qrCode" src="https://www.zhihu.com/qrcode?url=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F282958747%23showWechatShareTip" alt="微信二维码"></el-dropdown-item>

                                    </el-dropdown-menu>
                                </el-dropdown>


                                <button type="button"  v-if="hanColl2" @click="hanColl2=!hanColl2" class="button btn2 ContentItem-action el-icon-star-on">
                                    <span style="display: inline-flex; align-items: center;"></span>收藏</button>
                                <button type="button" v-else @click="hanColl2=!hanColl2"  class="button btn2 ContentItem-action el-icon-star-on">
                                    <span style="display: inline-flex; align-items: center;"></span>取消收藏</button>

                                <button type="button"v-if="hanLike2" @click="hanLike2=!hanLike2" class="button btn2 ContentItem-action el-icon-s-opportunity">
                                    <span style="display: inline-flex; align-items: center;"></span>喜欢</button>
                                <button type="button" v-else @click="hanLike2=!hanLike2" class="button btn2 ContentItem-action el-icon-s-opportunity">
                                    <span style="display: inline-flex; align-items: center;"></span>取消喜欢</button>

                                <button type="button" class="button btn2 ContentItem-action el-icon-wind-power">
                                    <span style="display: inline-flex; align-items: center;margin-bottom: 5px"></span>举报</button>

                                <el-dropdown>
                          <span class="button btn2  ">
                            ...<i class=" el-icon--right" style="padding-right: 20px"></i>
                          </span>

                                    <el-dropdown-menu slot="dropdown" style="position: center;margin-left: 10px">
                                        <el-dropdown-item style="width:50px;height: 35px;font-size: 12px;padding:0 10px">不感兴趣</el-dropdown-item>
                                    </el-dropdown-menu>
                                </el-dropdown>

                                <!--        <div ></div>-->
                            </div>
                        </div>
            <div class="3"   style="border-bottom: #d3d3d3 1px solid;padding-bottom: 20px;margin-top: 20px">


                            <div class="R-title">
                                <a class="title-a" href="https://www.zhihu.com/question/311672493/answer/1163779277" target="_blank">
                                    高三有哪些相见恨晚的刷题技巧？</a>
                            </div>
                            <div class="R-content" style="display: flex">
                                <div style="flex: 40%">
                                    <img style="width:100%;height: 100px;" src="https://pic4.zhimg.com/50/v2-135c673677c17f15fec4494b0bf1691f_400x224.jpg" alt="">
                                </div>
                                <span>
                                    什么!!很多人用了我的方法，提高了100多分!可收藏竟然是点赞的四倍多!!!!我伤心了呜呜呜呜，各位就不能点点赞吗!!!
                                       <a href="https://www.zhihu.com/question/311672493/answer/1163779277" style="color:#175199;">阅读全文 ></a>
                                </span>
                            </div>

                            <div class="Rcontent-action">

                   <span>
                       <button v-if="hanYes3"
                               aria-label="赞同 1.1 万"
                               type="button"   @click="hanYes3=!hanYes3"
                               class="button btn el-icon-caret-top"> 赞同 1.1 万</button>
                       <button v-else aria-label="已赞同 1.1 万" type="button"  @click="hanYes3=!hanYes3" class="button btn-y el-icon-caret-top"> 已赞同 1.1 万</button>

                       <button  v-if="hanNo3" aria-label="反对"   @click="hanNo3=!hanNo3" type="button" class="button btn el-icon-caret-bottom"></button>
                       <button  v-else aria-label="反对" type="button" @click="hanNo3=!hanNo3" class="button btn-y el-icon-caret-bottom"></button>
                   </span>

                                <button type="button"  @click="hanComment3=!hanComment3" class="button btn2 ContentItem-action el-icon-chat-round">
                                    <span v-if="hanComment3"   style="display: inline-flex; align-items: center;">258 条评论</span>
                                    <span v-else  style="display: inline-flex; align-items: center;">收起评论</span>
                                </button>

                                <el-dropdown>
                          <span class="button btn2  el-dropdown-link el-icon-s-promotion">
                            分享<i class="el-icon--right" ></i>
                          </span>
                                    <el-dropdown-menu slot="dropdown">
                                        <el-dropdown-item  :plain="true" @click="open">复制链接</el-dropdown-item>
                                        <el-dropdown-item>新浪微博</el-dropdown-item>
                                        <el-dropdown-item>微信扫一扫</el-dropdown-item>
                                        <el-dropdown-item><img class="ShareMenu-qrCode" src="https://www.zhihu.com/qrcode?url=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F282958747%23showWechatShareTip" alt="微信二维码"></el-dropdown-item>

                                    </el-dropdown-menu>
                                </el-dropdown>


                                <button type="button"  v-if="hanColl3" @click="hanColl3=!hanColl3" class="button btn2 ContentItem-action el-icon-star-on">
                                    <span style="display: inline-flex; align-items: center;"></span>收藏</button>
                                <button type="button" v-else @click="hanColl3=!hanColl3"  class="button btn2 ContentItem-action el-icon-star-on">
                                    <span style="display: inline-flex; align-items: center;"></span>取消收藏</button>

                                <button type="button"v-if="hanLike3" @click="hanLike3=!hanLike3" class="button btn2 ContentItem-action el-icon-s-opportunity">
                                    <span style="display: inline-flex; align-items: center;"></span>喜欢</button>
                                <button type="button" v-else @click="hanLike3=!hanLike3" class="button btn2 ContentItem-action el-icon-s-opportunity">
                                    <span style="display: inline-flex; align-items: center;"></span>取消喜欢</button>

                                <button type="button" class="button btn2 ContentItem-action el-icon-wind-power">
                                    <span style="display: inline-flex; align-items: center;margin-bottom: 5px"></span>举报</button>

                                <el-dropdown>
                          <span class="button btn2  ">
                            ...<i class=" el-icon--right" style="padding-right: 20px"></i>
                          </span>

                                    <el-dropdown-menu slot="dropdown" style="position: center;margin-left: 10px">
                                        <el-dropdown-item style="width:50px;height: 35px;font-size: 12px;padding:0 10px">不感兴趣</el-dropdown-item>
                                    </el-dropdown-menu>
                                </el-dropdown>

                                <!--        <div ></div>-->
                            </div>
                        </div>
            <div class="4"   style="border-bottom: #d3d3d3 1px solid;padding-bottom: 20px;margin-top: 20px">


                            <div class="R-title">
                                <a class="title-a" href="https://www.zhihu.com/question/388179662/answer/1545107398" target="_blank">
                                    有哪些案件是因为小细节破案的?</a>
                            </div>
                            <div class="R-content">
                                <span >以前选修心理学时大课老师讲了一个真实案例：湖北恩施某镇一家做粮食生意的晚上被灭门，一家五口：爷爷奶奶、父亲母亲女儿。现场照片老师用幻灯片放了出来，好几个胆小的女生跑出教室。案子一直查了大半年没有任何进展，唯一的凶器上没有找到除家人之外的指纹，零几年镇上也没有任何摄像设备。事发当晚下很大的雨，街上没有目击者，脚印也被一场大雨冲刷得干干净净。半年之后刑侦队心灰意冷，撤退的前一天早晨某队员在镇上的饭馆吃早餐时和同伴说了一句“离开之前应该收集镇上DNA存档，现场不是发现了几根头发吗？说不定以后有用”精彩的来了，第二天他们两人离开镇子时再次来到这家饭馆吃早餐，这个不奇怪，镇上就这一家饭馆。奇怪的是老板突然剃了个光头 ‍ ，因为在这里吃了几个月饭，和老板已经很熟了。两人一交换眼色：有戏！立即决定留下来对饭店老板进行重点攻关，不到三天就破了案，饭店老板家的泡菜坛子里找到了受害者的粮食款三万元。
                                    <a href="https://www.zhihu.com/question/388179662/answer/1545107398" style="color:#175199;">阅读全文 ></a>
                                </span>
                                </div>

                            <div class="Rcontent-action">

                   <span>
                       <button v-if="hanYes4"
                               aria-label="赞同 1.1 万"
                               type="button"   @click="hanYes4=!hanYes4"
                               class="button btn el-icon-caret-top"> 赞同 1.1 万</button>
                       <button v-else aria-label="已赞同 1.1 万" type="button"  @click="hanYes=!hanYes" class="button btn-y el-icon-caret-top"> 已赞同 1.1 万</button>

                       <button  v-if="hanNo4" aria-label="反对"   @click="hanNo4=!hanNo4" type="button" class="button btn el-icon-caret-bottom"></button>
                       <button  v-else aria-label="反对" type="button" @click="hanNo4=!hanNo4" class="button btn-y el-icon-caret-bottom"></button>
                   </span>

                                <button type="button"  @click="hanComment4=!hanComment4" class="button btn2 ContentItem-action el-icon-chat-round">
                                    <span v-if="hanComment4"   style="display: inline-flex; align-items: center;">258 条评论</span>
                                    <span v-else  style="display: inline-flex; align-items: center;">收起评论</span>
                                </button>

                                <el-dropdown>
                          <span class="button btn2  el-dropdown-link el-icon-s-promotion">
                            分享<i class="el-icon--right" ></i>
                          </span>
                                    <el-dropdown-menu slot="dropdown">
                                        <el-dropdown-item  :plain="true" @click="open">复制链接</el-dropdown-item>
                                        <el-dropdown-item>新浪微博</el-dropdown-item>
                                        <el-dropdown-item>微信扫一扫</el-dropdown-item>
                                        <el-dropdown-item><img class="ShareMenu-qrCode" src="https://www.zhihu.com/qrcode?url=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F282958747%23showWechatShareTip" alt="微信二维码"></el-dropdown-item>

                                    </el-dropdown-menu>
                                </el-dropdown>


                                <button type="button"  v-if="hanColl4" @click="hanColl4=!hanColl4" class="button btn2 ContentItem-action el-icon-star-on">
                                    <span style="display: inline-flex; align-items: center;"></span>收藏</button>
                                <button type="button" v-else @click="hanColl4=!hanColl4"  class="button btn2 ContentItem-action el-icon-star-on">
                                    <span style="display: inline-flex; align-items: center;"></span>取消收藏</button>

                                <button type="button"v-if="hanLike4" @click="hanLike4=!hanLike4" class="button btn2 ContentItem-action el-icon-s-opportunity">
                                    <span style="display: inline-flex; align-items: center;"></span>喜欢</button>
                                <button type="button" v-else @click="hanLike4=!hanLike4" class="button btn2 ContentItem-action el-icon-s-opportunity">
                                    <span style="display: inline-flex; align-items: center;"></span>取消喜欢</button>

                                <button type="button" class="button btn2 ContentItem-action el-icon-wind-power">
                                    <span style="display: inline-flex; align-items: center;margin-bottom: 5px"></span>举报</button>

                                <el-dropdown>
                          <span class="button btn2  ">
                            ...<i class=" el-icon--right" style="padding-right: 20px"></i>
                          </span>

                                    <el-dropdown-menu slot="dropdown" style="position: center;margin-left: 10px">
                                        <el-dropdown-item style="width:50px;height: 35px;font-size: 12px;padding:0 10px">不感兴趣</el-dropdown-item>
                                    </el-dropdown-menu>
                                </el-dropdown>

                                <!--        <div ></div>-->
                            </div>
                        </div>
   </div>
</template>

<script>
    export default {
        name: "Recom",
        data(){
          return{
              recomdata:[],


              hanComment:true,
              hanYes:true,
              hanNo:true,
              hanLike:true,
              hanColl:true,

              hanComment2:true,
              hanYes2:true,
              hanNo2:true,
              hanLike2:true,
              hanColl2:true,

              hanComment3:true,
              hanYes3:true,
              hanNo3:true,
              hanLike3:true,
              hanColl3:true,

              hanComment4:true,
              hanYes4:true,
              hanNo4:true,
              hanLike4:true,
              hanColl4:true,

          }

        },
        mounted() {
            // 请求数据
            this.$axios.get('/api/recom.json').then((res)=>{
                this.recomdata =res.data.data
                console.log(recomdata)
                // this.newTopicL =dt.newTopicL
                // this.newTopicR =dt.newTopicR
                // this.roundDiscuss =dt.roundDiscuss
                // this.roundDiscussR =dt.roundDiscussR
            }).catch((error)=>{
                console.log('请求失败！')
            })


        },
        methods:{
            handle(index){
                console.log(index)

            },
            // hanYes(){
            //     var yes=document.getElementById("y");
            //     var no=document.getElementById("n");
            //     if (yes.color="#0084ff"){
            //         yes.style.color="white"
            //         yes.style.backgroundColor="#0084FF"
            //
            //         no.style.color="#0084ff";
            //         no.style.backgroundColor="rgba(0,132,255,.1)"
            //     }else if (yes.style.backgroundColor="#0084FF"){
            //         yes.style.color="#0084ff";
            //         yes.style.backgroundColor="rgba(0,132,255,.1)"
            //     }
            //
            // },
            // hanNo(){
            //     var no=document.getElementById("n");
            //     var yes=document.getElementById("y");
            //     if (no.color="#0084ff"){
            //         no.style.color="white"
            //         no.style.backgroundColor="#0084FF"
            //
            //         yes.style.color="#0084ff";
            //         yes.style.backgroundColor="rgba(0,132,255,.1)"
            //     }else if (no.style.color="white"){
            //         no.style.color="#0084ff";
            //         no.style.backgroundColor="rgba(0,132,255,.1)"
            //     }
            //
            // },
            // hanComment(){
            //     var com=document.getElementById("com");
            //     if (com.innerHTML="2,019 条评论"){
            //         com.innerHTML="收起评论"
            //     } else if(com.innerHTML=="收起评论"){
            //         com.innerHTML="2,019 条评论"
            //     }
            //
            // },
            open() {
                this.$message('这是一条消息提示');
            },

        }
    }
</script>

<style scoped>
    .title{
        display: block;
        line-height: 1.6;
        color: #121212;
    }
    .R-title{
        color: inherit;
        text-decoration: none;
        font-size: 18px;
        font-weight: 600;
    }
    .R-content{
        font-size: 15px;
        margin-top:29px;
        margin-bottom: -4px;
        overflow: hidden;
        cursor: pointer;
        line-height: 1.67;
    }
    .button{
        display: inline-block;
        padding: 0 10px;
        font-size: 14px;
        line-height: 32px;
        text-align: center;
        cursor: pointer;
        background: none;
        border: white 1px solid;
        border-radius: 3px;
        outline: none;

    }
    .btn{
        border: 1px solid rgba(0,132,255,.1);
        color: #0084ff;
        background: rgba(0,132,255,.1);
        outline: none;
        margin: 0 5px;
    }
    .btn-y{
        border: 1px solid rgba(0,132,255,.1);
        color: white;
        background: #0084ff;
        outline: none;
        margin: 0 5px;
    }
    .btn2{
        color: #76839b;
        margin-left: 24px;
        font-size: 14px;
        flex-shrink: 0;
        height: auto;
        padding: 0;
        line-height: inherit;
        background-color: transparent;
        border: none;
        border-radius: 0;
    }
    .btn2-y{
        color: #76839b;
        margin-left: 24px;
        font-size: 14px;
        flex-shrink: 0;
        height: auto;
        padding: 0;
        line-height: inherit;
        background-color: transparent;
        border: none;
        border-radius: 0;
    }
    .ShareMenu-qrCode {
        width: 94px;
        height: 94px;
    }
    .Rcontent-action{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 20px;
        margin: 0 -20px -10px;
        color: #646464;

    }
    a{
        color: #121212;
    }

</style>